 <div class="icon-selection mb-20"></div>
<input type="hidden" id="selectedData">
<script>
$(function(){
	var icon = [
		'danger',
		'warning',
		'info',
		'success',
		'order-success',
		'shop1',
		'achieve',
		'add-user',
		'plus',
		'reduce',
		'full-cut',
		'region',
		'global',
		'commission',
		'add1',
		'limit',
		'weapp',
		'user',
		'coupon',
		'market',
		'shops',
		'7day',
		'finance',
		'list',
		'qr-code',
		'notice',
		'wechat',
		'crown',
		'delete',
		'add',
		'minus',
		'save',
		'free',
		'clear',
		'calendar',
		'shop',
		'business',
		'goods',
		'time',
		'home',
		'data',
		'search',
		'pic',
		'finish',
		'article',
		'help',
		'feedback',
		'set',
		'drop-down',
		'up-arrow',
		'down-arrow',
		'right-arrow',
		'left-arrow',
		'message',
		'edit',
		'application',
		'mail',
		'correct',
		'account',
		'sale',
		'money',
		'order1',
		'goods1',
		
		'mo',
		'rocket',
		'finance1',
		'form1',
		'correct1',
		'refresh',
		'nopic',
		'diamond',
		'user1',
		'order2',
		'shop3',
		'nopic1',
		'hot',
		'shop4',
		'collection',
		'goods2',
		'top',
		'soar',
		'location1',
		'order3',
		'H',
		'set1',
		'discount',
		'appliance',
		'menu1',
		'bottom',
		'gift',
		'block',

		'custom-blank',
		'custom-line',
		'custom-notice',
		'custom-shop',
		'custom-listmenu',
		'custom-search',
		'custom-goods',
		'custom-menus',
		'custom-picturew',
		'custom-picture',
		'custom-banner',
		'custom-title',
		'custom-richtext',
		'custom-menu',

		'emoji',
		'house',
		'sell',
		'takequt',
		'deliver',
		'form11',
		'visitor',
		'early-warn',
		'link',
		'collection1',
		'after-order',
		'pay1',
		
		'count-down',
		'location-l',
		'order-l',
		'deliver-l',
		'pay-l',
		'wechat2',
		'manage-l',
		'log-l',
		'blacklist-l',
		'link-l',
		'mo-l',
		'platform',
		'clean',
		'clean-l',
		'set3',
		'close-l',
		'success-l',
		'home3',
		'add-l',
		'prohibit-l',
		'logout-l',
		'logistics-l',
		'lower-l',
		'message3',
		'mini-program',
		'mini-program-o',
		'password3',
		'add-success-l',
		'preview-l',
		'template-l',
		'account3',
		'remarks-l',
		'edit-l',
	];
	var iconHtml = ''
	for (var i = 0; i < icon.length; i++) {
		iconHtml += '<a href="javascript:void(0);" data-toggle="tooltip" data-placement="bottom" class="item" title="icon-'+icon[i]+'"><i class="icon icon-'+icon[i]+'"></i><span class="icons-name">'+icon[i]+'</span></a>';
	}
	$('.icon-selection').append(iconHtml)
	$('[data-toggle="tooltip"]').tooltip();
	$('.icon-selection .item').on('click',function(){
		$(this).addClass('active').siblings().removeClass('active')
		$('#selectedData').data('icon',$(this).text())
	})
})
</script>